/* Tags Genericos */
body {
	font-family: sans-serif;
	overflow:hidden;
	margin: 0; padding: 0;
	background-color: white;
	color: black;
}

p {
	margin: 0; padding: 0;
}
h1{
	margin:0;
	line-height:50px;
	padding:0 0 0 30px;
	color:#009900;
	font-size:31px;
	}
h2{
	margin:0;
	line-height:45px;
	padding:0 0 0 30px;
	color:#009900;
	font-size:23px;
	margin: 7px 0;
	}

/* Layout */

	/* Main */
	#main {
		width: 100%; height: 695px;
		left: 0; top: 0;
		}
	/* Header, Contente, Footer */
	#header, #content, #footer {
		position: relative;
		}
	/* Header */
	#header {
		background: transparent url(../images/fnd_header.png) repeat-x top;
		width: 100%; height: 120px;
		margin-bottom: 5px;
		padding-top: 3px;
		}
		/* menuBar - Menu de navegacion del header */
		#menuBar {
			width: 500px;height:70px;
			position: absolute;
			top:0; right:0;
			}
			#menuBar div div{
				position: absolute;
				background: transparent url(../../main/images/main-menu.png) no-repeat left top;
				cursor: pointer;
				}
			#menuPlayer{
				position:absolute;
				top:17px; left:30px;
				width:173px; height:58px;
				background: #FFF url(../../main/images/fnd_player.png) no-repeat left top;
			}
			#menuFuntions {
				position:absolute;
				top:18px; right:165px;
				width:126px; height:53px;
				background: transparent url(../../main/images/fnd_menu_funtions.png) no-repeat left top;
				}
			
			div#menuFuntions div{
				width: 35px; height: 35px;
				right: 84px;
				top:10px;
				background-position: left top;
				}
			div#menuFuntions div#btn01{
				right: 46px;
				background-position: -60px top;
				}
			div#menuFuntions div#btn02 {
				right: 8px;
				background-position: -120px top;
				}
			div#menuNavigator{
				}

			div#menuNavigator div {
				width: 52px; height: 52px;
				right: 110px;
				top:3px;
				background-position: -180px top;
				}
			div#menuNavigator div#btn04 {
				right: 60px;
				background-position: -240px top;
				}

			div#menuNavigator div#btn05 {
				right: 10px;
				background-position: -300px top;
				}

	/* Content, block */
	#content {
		width: 1000px; height: 580px;
		margin: 0 auto;
		font: normal normal normal 30px/36px sans-serif;
		white-space: nowrap;
	}

		/* block */
		#block {
			position: absolute;
			left: 0; top: 0;
			display: none;
			z-index: 1000;
		}
		
		/* infoWin - Ventana emergente de Instrucciones para el profesor */
		#infoWinContainer {
			width: 416px;
			right: 150px; top: 0px;
			position: absolute;
			z-index: 10000;
		}

		#infoWin {
			font-size: 10pt;
		}

		#infoWin ul {
			background: transparent url(../images/infoWin.png) no-repeat center bottom;
			width: 364px;
			margin: 0; padding: 10px 26px 30px 26px;
			cursor: pointer;
		}

		#infoWin li {
			color: #000;
			padding:3px 0;
		}
		
		
		

/* Respuestas en el Check */
.ok {color: blue;}
.error {color: red;}

/* Player - Formato CSS del reproductor aviPlayer */
/* Player */
#player {
	position: absolute;
	width: 290px; height: 60px;
	left: 10px; top: 5px;
	font-weight: bold;
}


#aviPlayer, #aviPlayerUpload {
	position: relative;
	left: 0; top: 0;
	width: 290px; height: 60px;
	background: transparent url('../../main/images/aviPlayerFnd.png') no-repeat left top;
}

#aviPlayer {
	visibility: hidden;
	}


#uploading, #playing {
	height: 18px;
	position: absolute;
	top: 30px;
}

#uploading {
	width: 260px;
	font-size: 10pt;
	background: #EFF url('../../main/images/loading.jpg') no-repeat 0px center;
	left: 15px;
	text-align: center;
}

#playing {
	width: 270px; 
	left: 10px;
	background: #EFF url('../../main/images/barraPlayer.jpg') repeat-x;
	border: 1px solid #08B;
}
	
#knob {
	width: 0; height: 18px;
	background: #08B;
	cursor: move;
	position: absolute;
}


#dspTime {
	width: 60px; height: 15px;
	position: absolute;
	left: 10px; top: 5px;
	color: #FFF;
	font-size: 12px;
	padding-top: 2px;
	text-align: center;
	}
	

#btnsPlayer {
	position: absolute;
	right: 10px; top: 5px;
}

#btnsPlayer div {
	z-index: 10; float: right;
	width: 24px; height: 19px;
	margin: 0 0 0 1px;
	background: transparent url('../../main/images/aviPlayer.png') no-repeat left top;
	cursor: pointer;
}

/* Estilos de sonido */

.speakerS-ini, .speakerM-ini, .speakerL-ini,
.speakerS-load, .speakerM-load, .speakerL-load {
	background-color: transparent;
	background-image: url(../images/speakers.png);
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
	}
	
.speakerS-load {background-position: -180px -120px;}
.speakerM-load {background-position: -180px -60px;}
.speakerL-load {background-position: -180px 0px;}	

.speakerS-ini {background-position: left -120px;}
.speakerM-ini {background-position: left -60px;}
.speakerL-ini {background-position: left 0px;}


.speakerS-ini, .speakerS-load {width: 36px; height: 36px;}
.speakerM-ini, .speakerM-load {width: 45px; height: 45px;}
.speakerL-ini, .speakerL-load {width: 58px; height: 58px;}

.speakerS-enter {background-position: -60px -120px;}
.speakerM-enter {background-position: -60px -60px;}
.speakerL-enter {background-position: -60px 0px;}

.speakerS-play {background-position: -120px -120px; cursor: wait; }
.speakerM-play {background-position: -120px -60px; cursor: wait; }
.speakerL-play {background-position: -120px 0px; cursor: wait; }